* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
.f_l{
    float: left;
}
.f_r{
    float: right;
}
a:hover {
    text-decoration: none;}
div[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.box {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.row{
    margin: 0;
}

.container {
    padding: 0;

    /* background-color: #f60; */
}

/*头部样式*/
.top_header {
    height: 57px;
    width: 100%;
    background-color: #fff;
    line-height: 57px;
}

.header_box {
    /* display: flex; */
    /* width: 950px; */
    /* justify-content: space-between; */
    padding: 0 20px;
    margin: 0 auto;
}

.logo {

    display: flex;
    align-items: center;
    height: 57px;
}

.shouye {
    text-align: right;
    /* padding-right: 20px; */
    color: #6e6e6e;
    font-size: 12px;
}

.shouye a {
    display: inline-block;
    margin-right: 100px;
}

/* 主体样式*/
.main_body {
    /* background-color: #f60; */
    height: 527px;
}

.banner {
    height: 527px;
    width: 100%;
    /* position: relative; */
    background: url('../img/bg.jpg') no-repeat scroll center center transparent;
}

.form_box {
    height: 100%;
    background-color: #000;
    padding: 50px 20px 0 20px;
}

.form_box2 {
    background-color: #fff;
    width: 100%;
    /* height: 315px; */
    font-size:12px;
    font-family: '微软雅黑',Arial, Helvetica, sans-serif
 
  

}

/* .form_top {
    height: 60px;
    display: flex;
    background-color: #fff;
} */

.form_top {
    display: flex;
    background-color: #fff;
    /* height: 70px; */
    /* line-height: 70px; */
    text-align: center;
    color: #5385e6;
    background-color: #dfe0e4

}
.form_top_a{
    flex: 1;
        display: inline-block;
        /* height: 70px; */
        /* line-height: 70px; */
        text-align: center;
        color: #5385e6;
        background-color: #dfe0e4
}

.form_top a:hover {
    text-decoration: none;
    color: #a7a9c0;
 
}
.form_body{
    margin: 25px 40px 0 40px;
    /* background-color: #fff; */
    
}
.form_body label {
    height: 46px;
    width: 100%;
    line-height:44px;
    border:1px solid #cccccc;
    margin-bottom: 15px;
}
.form_body label input {
    font-weight: 400;
  
    width: 100%;
    padding-left: 15px;
    /* height: 46px; */
    border:0;

}
.yz_label{
    position: relative;
    line-height:44px;
  
  
}
.yz_label .yz_button{
    position: absolute;
    top: 0;
    right: 0;
    width: 105px;
    height: 44px;
    border:0;
    color: #fff;
    font-weight: 400;
    background-color: #5385e6;
}
.confirm_byn{
    width: 100%;
    height: 43px;
    background-color: #5385e6;
    border:0;
    color: #fff;
}
.f_span{
   margin-top: 18px; 
   width: 100%;
   margin-bottom: 50px;
}
.f_span a{
    color: #575757;

}
.from_footer{
    height: 50px;
    line-height:22px
}
.from_footer2{
    height: 50px;
    
}
/* .from_footer img{
    /* line-height:15;
    height: 22px; */
/* } */
.qq{
    display: inline-block;
    width: 18px;
   
    /* background: url('./img/QQ.png') no-repeat */
}
.wchat{
    display: inline-block;
    width: 18px;
    /* height: 22px; */
    /* background: url('./img/微信.png') no-repeat */
}
.wibo{
    display: inline-block;
    width: 18px;
    /* height: 22px; */
    /* background: url('./img/微博.png') no-repeat */
}

.footer {
    height: 167px;
    background-color: #000;
    width: 100%;
}
.footer_p{
    text-align: center;
    background-color: #000;
    color: #757474;
}
.footer_font{
    display: flex;
    height: 60px;
}
.footer_font_1{
    flex: 1;
    vertical-align:center;
    width: 30px;

}
.footer_font_2{
    flex: 2;
    text-align: center;
    margin-top: 20px;

}
.font_12{
    font-size:12px;
    color: #515151;

}
.font_14{
    font-size:14px;
}
.font_16{
    font-size:16px;
    color: #ffffff;
}
.font_center{
    text-align:center;
}
.panel_wz{
    min-width:400px;
     max-width:420px;
     margin-right:50px;
     margin-top: 45px;
      margin-left:50px;
}
.d_flex{
    display:flex;
}
.flex_1{
    flex:1;
}
.text_center{
    text-align:center;
    position: relative;
    margin-bottom: 10px;
}
.line{
    position: absolute;
    display: inline-block;
    width: 30%;
    height: 1px;
    border-top: 1px solid #C6D2E6;
    left: 50%;
    margin-right: 19%;
    top: 10px;
    margin-left: -48%;
}
.line2{
    position: absolute;
    display: inline-block;
    width: 30%;
    height: 1px;
    border-top: 1px solid #C6D2E6;
    left: 50%;
    margin-left: 19%;
    margin-right: -48%;
    top: 10px
}
.other{
    display: inline-block;
    margin: 0 5px;
    background-color: #fff;
    
}
.f_bottom{
    /* height: 68px; */
    justify-content: space-around

}
.f_bottom a img{
    vertical-align: middle;
}
.d_block{
    display: block;
}


    



/* 手机 */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .banner {
        height: auto;
        width: 100%;
        /* position: relative; */
        background:url();
       
    }
    .from_footer{
        display: none;
    }
    .panel_wz{
        width: auto;
        min-width: 320px;
        margin: 20px;
      
    }
    .bg{
        background-color: #d7e4f7;
        height: 100%;
    }
    #di{
        display: none;
    }
    .from_footer2{
        display: block;
    }
    .footer_p{
        display: block;
    }
    .footer_row1{
        display: none;
    }
    .footer_row2{
        /* display: block; */
    }
    .form_box2{
        height: 315px;
    }
   
}
/* 平板 */
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .from_footer2{
        display: none;
    }
    .footer_row1{
        /* display: normal; */
    }
    .footer_row2{
        display: none;
    }
   
}
/* pc端 */
@media only screen and (min-width: 980px) and (max-width: 1200px){
   
    .footer_p{
        /* display: normal; */
    }
    .from_footer2{
        display: none;
    }
    .footer_row1{
        /* display: block; */
    }
    .footer_row2{
        display: none;
    }
}
/* 超大屏 */
@media only screen and (min-width: 1201px)and (max-width: 1920px){
    .from_footer2{
        display: none;
    }
    .footer_row1{
        /* display: block; */
    }
    .footer_row2{
        display: none;
    }
}